<template>
  <div class="markdown-body">
    <div v-html="render(content)">
    </div>
  </div>
</template>

<script>
import 'katex/dist/contrib/mhchem.js';
import 'highlight.js/styles/github-gist.css'

import 'github-markdown-css'

import markdown from "@/utils/markdown/markdown";


export default {
  name: "MyMarkdown",
  props: {
    content: {
      type: String,
      default: ``,
    }
  },
  created() {

  },
  methods: {
    render(body) {
      return markdown.render(body);
    }
  }
}
</script>

<style scoped>

</style>